<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
<meta name="apple-touch-fullscreen" content="YES" />
<meta name="apple-mobile-web-app-capable" content="yes">
<link rel="apple-touch-icon" href="iphone.jpg"/>
<link rel="stylesheet" href="../etc/animate.css" />
<link rel="stylesheet" href="../etc/iui/iui.css" />
<link rel="stylesheet" href="../etc/iui/t/default/default-theme.css" />
<link rel="stylesheet" href="../etc/iui/ext-sandbox/masabi/t/default/iui_ext.css" />
<link rel="stylesheet" href="../demo.css" />
<script type="application/x-javascript" src="../etc/iui/ext-sandbox/masabi/iui_ext.js"></script>
<script type="application/x-javascript" src="../etc/iui/iui.js"></script>
<script type="application/x-javascript" src="../etc/jquery-1.7.min.js"></script>
<script type="application/x-javascript" src="../etc/jquery.colorBlend.min.js"></script>
<script type="application/x-javascript" src="../etc/socket.io.js"></script>
<script type="application/x-javascript" src="../demo.js"></script>
</head>

<body>
  <div class="toolbar">
    <h1 id="pageTitle"></h1>
  </div>
  <div id="main" class="panel" selected="true">
    <div style="text-align:center; width:100%">
      <div id="spiner" class="spinner">
        <div class="bar1"></div>
        <div class="bar2"></div>
        <div class="bar3"></div>
        <div class="bar4"></div>
        <div class="bar5"></div>
        <div class="bar6"></div>
        <div class="bar7"></div>
        <div class="bar8"></div>
        <div class="bar9"></div>
        <div class="bar10"></div>
        <div class="bar11"></div>
        <div class="bar12"></div>
      </div>
    </div>
    <div id="tasks"></div>
<!--    <img id="logo" src="../etc/img/konohascript.png"/>-->
    <img id="server" src="../etc/img/server.png"/>
    <div id="alert"></div>
  </div>
</body>
</html>
